<template>
	<view class="page">
		<view class="formData">
			<view class="uni-form-item uni-column">
				<view class="title">旧密码：</view>
				<input class="uni-input" password type="text" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">新密码：</view>
				<input class="uni-input" password type="text" />
			</view>
		</view>
		<view class="line25"></view>
		<view class="sumbmit">确认修改</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {

			};
		},
		methods: {
		}
	}
</script>
<style>
	page {
		width: 100%;
		height: 100%;
		background: #fff;
	}
</style>
<style lang="scss" scoped>
	.page {
		width: 100%;
		height: 100%;
		background: #fff;

		.formData {
			padding: 0 33rpx;

			.uni-form-item {
				display: flex;
				padding: 33rpx 0;
				border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1);

				.title {
					flex: 1;
					font-size: 32rpx;
					color: #B3B3B3;
				}

				.uni-input {
					flex: 1;
					font-size: 32rpx;
					color: #B3B3B3;
				}
			}

			.uni-form-item:last-child {
				margin-bottom: 33rpx;
			}
		}

		.sumbmit {
			width: 683rpx;
			height: 100rpx;
			margin: 67rpx auto 0;
			line-height: 100rpx;
			background: rgba(54, 138, 255, 1);
			border-radius: 50rpx;
			border: 1px solid rgba(151, 151, 151, 1);
			text-align: center;
			font-size: 36rpx;
			color: #fff;
		}
	}

	.line25 {
		width: 100%;
		height: 25rpx;
		background: #F4F4F4;
	}
</style>
